<div class="container-fluid" id="test_1" >
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row clearfix" >
                <div class="col-md-2 column">
                </div>
                <div class="col-md-8 column" >
                    <h1 class="text-center">
                    h3. 这是一套可视化布局系统.
                    </h1>
                    <p class="lead">
                        <em>Git</em> 是一个分布式的版本控制系统，最初由 <strong>Linus Torvalds</strong> 编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在 <small>Ruby</small> 社区中。
                    </p>
                </div>
                <div class="col-md-2 column">
                </div>
            </div>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-12 column" style="height: 250px">
            <img alt="140x140" src="{{ .Site.BaseURL }}/img/bc/bc-2.png" style="width: 100%;height: 100%;" />
        </div>
    <div class="row clearfix">
        <div class="col-md-2 column">
        </div>
        <div class="col-md-2 column"  style="margin-top: 5rem;">
            <h3 class="text-left">
                h3. 这是一套可视化布局系统.
            </h3>
            <blockquote>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
                </p> <small>Someone famous <cite>Source Title</cite></small>
            </blockquote>
            <blockquote>
                <p>
                    Lorem ipsum
                </p> 
            </blockquote>
            <blockquote>
                <p>
                    Integer posuere erat a ante.
                </p> 
            </blockquote>
        </div>
        <div class="col-md-2 column">
             {{ partial "timeline_part.html" . }}
        </div>
        
        <div class="col-md-5 column">
            <table class="table" style="margin-top: 5rem;">
                <thead>
                    <tr>
                        <th>
                            编号
                        </th>
                        <th>
                            产品
                        </th>
                        <th>
                            交付时间
                        </th>
                        <th>
                            状态
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            1
                        </td>
                        <td>
                            TB - Monthly
                        </td>
                        <td>
                            01/04/2012
                        </td>
                        <td>
                            Default
                        </td>
                    </tr>
                    <tr class="success">
                        <td>
                            1
                        </td>
                        <td>
                            TB - Monthly
                        </td>
                        <td>
                            01/04/2012
                        </td>
                        <td>
                            Approved
                        </td>
                    </tr>
                    <tr class="error">
                        <td>
                            2
                        </td>
                        <td>
                            TB - Monthly
                        </td>
                        <td>
                            02/04/2012
                        </td>
                        <td>
                            Declined
                        </td>
                    </tr>
                    <tr class="warning">
                        <td>
                            3
                        </td>
                        <td>
                            TB - Monthly
                        </td>
                        <td>
                            03/04/2012
                        </td>
                        <td>
                            Pending
                        </td>
                    </tr>
                    <tr class="info">
                        <td>
                            4
                        </td>
                        <td>
                            TB - Monthly
                        </td>
                        <td>
                            04/04/2012
                        </td>
                        <td>
                            Call in to confirm
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-1 column">
        </div>
    </div>
</div>